
<template>
    <div>
        <home-header :city="city" ></home-header>
        <home-swiper :list="swiperList"></home-swiper>
        <home-icons :list="iconList"></home-icons>
        <home-recommend :list="recommendList"></home-recommend>
        <home-weekend :list="weekendList"></home-weekend>
        <!-- <div><router-link to="/">首页</router-link> -->
    </div>
    
</template>

<script>
import HomeHeader from "./home/Header";
import HomeSwiper from "./home/Swiper";
import HomeIcons from "./home/Icons";
import HomeRecommend from "./home/Recommend";
import HomeWeekend from "./home/Weekend";
import axios from 'axios'

export default {
  name: "Home",
  components: {
    HomeHeader,
    HomeSwiper,
    HomeIcons,
    HomeRecommend,
    HomeWeekend
  },
  data() {
    return {
      city:'',
      swiperList:[],
      iconList:[],
      recommendList:[],
      weekendList:[]
    };
  },
  methods:{
      getHomeInfo: function(){
        axios.get('/api/index.json')
        .then(this.getHomeInfoSucc)
      },
      getHomeInfoSucc: function (res){
        res=res.data;
        if(res.ret && res.data){
          let data=res.data;
          this.city=data.city;
          this.swiperList=data.swiperList;
          this.iconList=data.iconList;
          this.recommendList=data.recommendList;
          this.weekendList=data.weekendList;
        }  
        console.log(res)
      }
  },
  mounted (){
    this.getHomeInfo();
  }
};
</script>

<style>
</style>
